<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <title>案例</title>
</head>

<body>
    <div class="case_head">
        <div class="content">
            <div class="content">
                <div class="sds_nav_log">
                    <img src="image/LOGO.png" alt="">
                </div>
                <div class="sds_nav_dhl">
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="index.html">作品案例<img src="image/xianxia.png" alt=""></a>
                            <ul class="sds_dhl_ul">
                                <li><a href="index.html">新闻资讯</a></li>
                                <li><a href="index.html">首页</a></li>
                                <li><a href="index.html">关于我们</a></li>
                            </ul>
                        </li>
                        <li><a href="index.html">服务项目<img src="image/xianxia.png" alt=""></a>
                            <ul class="sds_dhl_ul">
                                <li><a href="index.html">服务项目</a></li>
                                <li><a href="index.html">服务项目</a></li>
                                <li><a href="index.html">服务项目</a></li>
                            </ul>
                        </li>
                        <li><a href="index.html">新闻资讯</a></li>
                        <li><a href="index.html">关于我们</a></li>
                        <li><a href="index.html">联系我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="case_seq">
        <div class="content">
            <div class="case_seq_list">
                <img src="image/xdy.png" alt="">
                <h3>服务项目</h3>
                <ul>
                    <li><a href="#">全部</a></li>
                    <li><a href="#">宣传片</a></li>
                    <li><a href="#">产品广告片</a></li>
                    <li><a href="#">工业/机械动画</a></li>
                    <li><a href="#">VR/AR</a></li>
                    <li><a href="#">交互式多媒体</a></li>
                    <li><a href="#">数字博物馆</a></li>
                </ul>
            </div>
            <div class="case_seq_list">
                <img src="image/xgd.png" alt="">
                <h3>行业类型</h3>
                <ul>
                    <li><a href="#">全部</a></li>
                    <li><a href="#">工业制造</a></li>
                    <li><a href="#">金额融地产</a></li>
                    <li><a href="#">政务民生</a></li>
                    <li><a href="#">工业/数字互联</a></li>
                    <li><a href="#">VR/健康医疗</a></li>
                    <li><a href="#">其他</a></li>
                </ul>
            </div>
        </div>

    </div>

    <div class="case_demo">
        <div class="content">
            <div class="common_list">
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case1.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>锦悦都<span>宣传片/建筑</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case2.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>爱通科技<span>动画视频/机械</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case3.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>中茂世纪<span>动画视频/建筑</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case3.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>中茂世纪<span>动画视频/建筑</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case1.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>锦悦都<span>宣传片/建筑</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case2.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>爱通科技<span>动画视频/机械</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case3.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>中茂世纪<span>动画视频/建筑</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case3.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>中茂世纪<span>动画视频/建筑</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case1.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>锦悦都<span>宣传片/建筑</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case2.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>爱通科技<span>动画视频/机械</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case3.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>中茂世纪<span>动画视频/建筑</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case3.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>中茂世纪<span>动画视频/建筑</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case1.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>锦悦都<span>宣传片/建筑</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case2.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>爱通科技<span>动画视频/机械</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case3.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>中茂世纪<span>动画视频/建筑</span></p>
                        </div>
                    </a>
                </div>
                <div class="common_Demo">
                    <a href="#">
                        <div class="common_Demo_img">
                            <img src="image/case3.png" alt="">
                        </div>
                        <div class="common_text">
                            <p>中茂世纪<span>动画视频/建筑</span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="case_page">
        <div class="content">
            <div class="case_page_menu">
                <a href="#">首页</a>
                <a href="#">上一页</a>
                <a href="#" class="case_page_hov">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <a href="#">下一页</a>
                <a href="#">末页</a>
                <div class="clear"></div>
            </div>
        </div>
    </div>



    <!-- 底部 -->
    <div class="footer case_footer">
        <div class="content">
            <div class="footer_about">
                <!-- 免费策划 -->
                <div class="footer_about_mfch">
                    <h2>免费策划</h2>
                    <p>一站式商业视频服务，提交1小时内致电沟通</p>
                    <form action="">
                        <input type="text" placeholder="请输入视频类型">
                        <input type="text" placeholder="请输入制作预算">
                        <input type="text" placeholder="请输入您的姓名">
                        <input type="text" placeholder="请输入您的手机号码">
                        <input type="submit" value="提交需求">
                    </form>
                </div>
                <!-- 地址+联系方式 -->
                <div class="footer_about_address">
                    <h4>山东三滴水广告传媒有限公司</h4>
                    <p style="margin-top:35px;">联系电话：18053151663/4000-888-8888</p>
                    <p>邮箱：1209683317@qq.com</p>
                    <p style="margin-top:35px;">地址：山东省济南市历城区二环东路1728号116号房间</p>
                    <p>网址：<a href="http://www.zishichuanmei.com">www.zishichuanmei.com</a></p>
                </div>
                <!-- 在线客服 -->
                <div class="footer_about_zxkf">
                    <div class="footer_kf">
                        <a href="#"><img src="image/zxkf.png" alt=""></a>
                        <a href="#" class="footer_kf_text">
                            <h3>Online&nbsp;service</h3>
                            <p>在线客服</p>
                        </a>
                    </div>
                    <div class="footer_ewm">
                        <div class="footer_ewm_list">
                            <img src="image/rwm.png" alt="">
                            <p>扫一扫关注公众号</p>
                        </div>
                        <div class="footer_ewm_list">
                            <img src="image/rwm.png" alt="">
                            <p>扫一扫关注我们</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 版权信息 -->
    <div class="footer_copy">
        <div class="content">
            <div class="footer_copy_xinxi">
                <a href="#">网站首页</a>
                <a href="#">作品案例</a>
                <a href="#">服务项目</a>
                <a href="#">新闻资讯</a>
                <a href="#">关于我们</a>
                <a href="#">联系我们</a>
                <a href="#">网站地图</a>
            </div>
            <p class="footer_copy_bq">CopyRight&nbsp;©&nbsp;2018-2018&nbsp;版权所有&nbsp;All&nbsp;rights&nbsp;reserved. </p>
            <div class="footer_copy_yqlj">
                <span>友情链接：</span>
                <a href="#">友情链接</a>
                <a href="#">友情链接</a>
                <a href="#">友情链接</a>
                <a href="#">友情链接</a>
                <a href="#">友情链接</a>
                <a href="#">友情链接</a>
                <a href="#">友情链接</a>
                <a href="#">友情链接</a>
            </div>
        </div>
    </div>
    <div class="fudong" id="fudong">
        <div class="fudong_x" id="fudong_x">
            <a href="javascript:;"><img src="image/delet.png" alt=""></a>
        </div>
        <div class="fudong_mv">
            <img src="image/mv.png" alt="">
        </div>
        <div class="fudong_lxfs">
            <img src="image/women.png" alt="">
            <a class="fudong_lxfs_ml" href="#">在线客服</a>
        </div>
        <div class="fudong_lxfs">
            <img src="image/phone.png" alt="">
            <a href="#">服务热线</a>
        </div>
        <div class="fudong_ewm">
            <img src="image/rwm.png" alt="">
            <p>扫一扫&nbsp;关注我们</p>
        </div>
    </div>
    <div class="fudong_lxwm">
        <img src="image/women.png" alt="">
        在线客服
    </div>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/behavior.js"></script>
    <script src="js/jianrong.js"></script>
</body>

</html>